import React, { Component } from 'react';
import Highlight from 'react-highlight'
import 'highlight.js/styles/atelier-plateau-dark.css'

import { 
  GITEE_DOWNLOAD_URL
} from '../../config';

export default class extends Component {
  render () {
    return (
      <div>
        <h4><em>如何安装客户端工具？</em></h4>
        <ol>
          <li>
            下载jar包运行
            <p><a href={GITEE_DOWNLOAD_URL} target="_blank" rel="noopener noreferrer" className="text-info">点击这里下载jar包</a>，下载文件名为 <font color="red">onlinetool_client-XXX.jar</font> 的文件</p>
            <p>依赖：<em>需要您服务器上安装 jdk8 以上</em></p>
            <p>注意：需要确保该服务器对您团队成员开放 <em>9535</em> 端口，如果开放其他端口，需要做好转发（如nginx）</p>
            <Highlight language="bash">
              sudo mkdir /usr/local/onlinetool <br />
              sudo chown -R [当前用户名]:[当前用户所在的组] /usr/local/onlinetool <br />
              nohup java -jar onlinetool_client-XXX.jar &
            </Highlight>
          </li>
        </ol>
      </div>
    )
  }
}